<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="wap-font-scale" content="no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>收款</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/Receipt.css"/>
</head>
<body>
    <div class="main-page">
        <header class="header">
            <a href="javascript:;" class="head-tap tap-left">
                <span class="head-icon head-left"></span>
            </a>
            <h1 class="title">收款</h1>
            <a href="javascript:;" class="head-tap">设置金额</a>
        </header>
        <div class="content">
            <div class="receipt">
                <h2 class="title">扫码支付</h2>
                <figure class="pay-code">
                    <img src="images/price1.png" width="150" />
                    <figcaption>支付享优惠 生活玩出趣</figcaption>
                </figure>
                <div class="receipt-way">
                    <a href="javascript:;" class="receipt-tap "><span class="pay-icon icon-zhi"></span>支付宝支付</a>
                    <a href="javascript:;" class="receipt-tap"><span class="pay-icon icon-wei"></span>微信支付</a>
                </div>
            </div>
            <p class="remark">保存后可自行打印张贴</p>
            <div class="btn-wrapper">
              <button type="button" class="savePic">保存到相册</button>
            </div>
        </div>
    </div>
</body>
</html>